@prefix-cls: contract-styfixcls;

.overflow() {
  overflow-y: hidden;
  overflow-x: hidden;
}

.displayDirection() {
  display: flex;
  flex-direction: column;
}

@keyframes payment-btn {
  0% {
    right: -80px;
    opacity: 0;
  }

  100% {
    right: 0px;
    opacity: 1;
  }
}

.counterpoartDelBtnStyle {
  text-align: center;
  width: 100%;
}

.counterpoartDelBtnStyle > .ant-btn-link {
  color: #ff0004;
}

.counterpoartDelBtnStyle > .ant-btn-link:hover {
  color: #fff;
}

.@{prefix-cls} {
  &-row {
    width: 100%;
    height: 100%;
    position: relative;
    .overflow();

    // .ant-image-preview-operations-wrapper,
    // .ant-image-preview-mask,
    // .ant-image-preview-wrap {
    //   position: absolute;
    // }

    &-col {
      width: 100%;
      height: 100%;
      .overflow();
    }
  }

  // 操作按钮渐入渐出动画
  &-operateBtnAnimarion {
    position: relative;
    overflow: hidden;

    &-editDelOtherBtn {
      position: absolute;
      right: -80px;
      top: 5%;

      .ant-btn {
        width: 80px;
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
        border: none;
        background: #949494;
        color: #fff;
      }
    }
  }

  &-operateBtnAnimarion:hover {
    box-shadow: 0px 0px 5px 1px #d4d4d4;

    .contract-styfixcls-operateBtnAnimarion-editDelOtherBtn {
      top: 15%;
      right: 0px;
      animation: payment-btn 0.4s ease-in;
    }
  }

  /** 表单样式 */
  &-updateFormBox {
    margin: 0px;

    .ant-form-item-label {
      width: 190px;
    }
  }

  // 大事件时间轴样式
  &-contractTimeLineSty {
    padding: 5px 10px;

    .ant-timeline-item {
      padding-bottom: 5px;

      .ant-timeline-item-content {
        margin: 0px 0px 0px 20px;
      }
    }

    &-titleTimeBoxSty {
      font-weight: 600;
    }

    &-bodyBoxsty {
      margin: 10px 0px;
      box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.65);
      border-radius: 4px;
    }

    // 变更记录
    &-changeBodyBox {
      border-radius: 10px;
    }

    // 履约记录
    &-agreeBodyBox {
      border-radius: 5px;
      background: #f1f1f1;
      // padding: 10px;

      &-rowBox {
        .ant-col {
          display: flex;

          dt {
            color: rgba(0, 0, 0, 0.65);
            font-weight: normal;
            text-align-last: justify;
            white-space: nowrap;
            width: 70px;
          }

          dd {
            margin-bottom: 0;
            word-break: break-all;
            flex: auto;
          }
        }
      }

      &-rowBoxNode {
        padding: 10px;

        .ant-col {
          display: flex;

          dt {
            color: rgba(0, 0, 0, 0.65);
            font-weight: normal;
            text-align-last: justify;
            text-align: right;
            white-space: nowrap;
            width: 78px;
          }

          dd {
            margin-bottom: 0;
            word-break: break-all;
            flex: auto;
          }
        }
      }
    }
  }

  &-updateStepsBox {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    &-searchForm {
      padding: 16px;
      display: flex;

      &-leftForm {
        flex: auto;

        .ant-form-item {
          margin-bottom: 0px;
        }
      }

      &-rightBtn {
        margin-left: 8px;
      }
    }

    &-tableBox {
      flex: auto;
      overflow: hidden;
    }
  }

  // 选择申请部门
  &-DepartmentSty {
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0px;

    .ant-col {
      height: 100%;
      width: 100%;
      overflow: hidden;
    }

    &-dataCardView {
      width: 100%;
      height: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column;

      .ant-card-head {
        padding: 0px 10px;
        background-color: #f1f1f1;
        margin-bottom: 1px;

        .ant-card-head-title {
          padding: 8px 0px;
        }
      }

      .ant-card-body {
        padding: 0px;
        overflow: hidden;
        height: 80%;
        flex: auto;
      }
    }

    .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
      color: #717171;
      align-items: center;
      overflow: hidden;
    }

    .ant-tree-node-content-wrapper {
      align-items: center;
      overflow: hidden;
      color: #000;
    }

    &-rightChild {
      width: 100%;
      background-color: #409eff0a;
      border-radius: 4px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #409eff;
      border: 1px solid rgba(160, 207, 255, 1);
      padding: 5px 10px;

      .ant-radio-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        overflow: hidden;

        .ant-radio {
          top: 0px;
        }
      }

      .ant-radio-wrapper > :last-child {
        width: 100%;
      }
    }

    &-rightChild:not(:first-child) {
      margin-top: 5px;
    }

    &-rightChildFalse {
      width: 100%;
      background-color: #eb2f9612;
      border-radius: 4px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #ff0000;
      border: 1px solid #ff0000;
    }

    &-rightChild:hover {
      box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.18);
    }

    &-rightChildIcon {
      display: flex;
      align-items: center;
    }
  }

  //OA页面样式
  &-infoViewOA {
    height: 100%;
    width: 100%;
    .displayDirection();
    .overflow();

    &-centerBodyTitleBox {
      text-align: center;
      font-weight: 700;
      font-size: 24px;
    }

    &-titleBox {
      display: flex;
      justify-content: space-between;
      background-color: #fff;
      border-radius: 5px;
      align-items: center;
      padding: 0px 10px;

      &-textValue {
        font-size: 22px;
        padding: 10px 0px;
      }
    }

    &-centerBox {
      flex: auto;
      background: #fff;
      margin: 6px 0px;
      border-radius: 5px;
      padding: 10px 0px;
      overflow: hidden;
    }

    &-bottomBtnBox {
      background-color: #fff;
      border-radius: 5px;

      &-spaceItemBox {
        display: flex;
        justify-content: center;
        padding: 0px 10px;
      }

      &-spaceItemBox > .ant-space > .ant-space-item {
        margin: 10px 0px;
      }
    }
  }

  // 流程办理
  &-flowListView {
    width: 100%;
    height: 100%;
    padding: 0px 100px;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    &-workflowTbodyRootDiv {
      width: 100%;
      flex: auto;
      height: 30%;
      overflow: hidden;

      .ant-empty {
        margin: 0px;
        padding: 50px 0px;
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
      }

      table {
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
      }

      td {
        padding: 10px;
      }

      tr:not(:first-child) {
        border-top: 1px solid #d7d7d7;
      }
    }
  }

  &-workflowNodesTableTitle {
    border-top: 1px solid #d7d7d7;
    overflow: hidden;

    &-tableTheadBox {
      text-align: left;
      border: 1px solid #d7d7d7;

      th {
        padding: 10px;
        background-color: #f7f7f7;
      }
    }
  }

  //打开物料选择框
  &-materialModal {
    height: 100%;
    overflow: hidden;

    .ant-col {
      height: 100%;
      overflow: hidden;
    }

    .ant-pagination {
      display: flex;

      .ant-pagination-total-text {
        flex: auto;
        text-align: center;
      }
    }

    &-materialTypeTree {
      height: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column;

      .ant-card-head {
        padding: 0px 10px;
      }

      .ant-tree-node-content-wrapper {
        align-items: center;
        overflow: hidden;
        color: #000;
      }

      .ant-card-body {
        flex: auto;
        height: 80%;
      }
    }
  }

  // 导入物料弹框样式
  &-importMaterialBox {
    padding: 10px;
    display: flex;
    flex-direction: column;
    height: auto;
    margin: auto;

    .ant-upload-list-item {
      height: auto;

      .ant-upload-list-item-info {
        padding: 5px;
      }
    }

    &-fieldDomBox {
      background-color: #f7f7f7;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 5px;
      margin-top: 8px;
    }

    &-fieldDomBox:hover {
      background-color: #f3f3f3;
    }
  }

  // 督办记录
  &-urgeBoxDiv {
    .ant-timeline-item {
      padding-bottom: 5px;

      .ant-timeline-item-label {
        width: calc(20% - 12px);
      }

      .ant-timeline-item-tail,
      .ant-timeline-item-head {
        left: 20%;
      }

      .ant-timeline-item-content {
        margin: 0px 0px 0px 15px;
        width: 75%;
        left: 20%;
      }

      .ant-ribbon {
        top: 0px;
      }
    }

    &-timeContent {
      background-color: #f6f6f6;
      border-radius: 10px;
      padding: 10px;
    }
  }

  // 表格内表单
  &-tableFormItem {
    .ant-form-item {
      margin-bottom: 0px;
    }
  }
}

.ProjectModalSearch_contral {
  padding: 10px 0;

  .ant-row {
    .ant-col {
      .ant-form-item {
        margin-bottom: 0;
      }
    }
  }
}

.ProjectModalTable_contral {
  flex: auto;
  height: 100%;
  overflow: hidden;

  .ant-table {
    margin: 0 !important;
  }

  .ant-pagination {
    margin: 0 !important;
    padding: 12px 0 !important;
  }
}
